@import url('../../css/common.less');
.prl(@pad-left: 10px,@pad-right: 10px){
  padding-left:@pad-left;
  padding-right: @pad-right;
}
.ptb(@pad-top: 15px,@pad-bottom: 25px){
  padding-top: @pad-top;
  padding-bottom: @pad-bottom;
}
.pa(@pad-all:20px) {
  padding:20px;
}
.type-wrapper {
  .prl(20px,20px);
  .ptb(20px,20px);
}
.type-icon {
  width: 35px;
  height: 35px;
  display: block;
  margin-right: 10px;
}
.type-icon img {
  width: 100%;
}
.type-item-info {
  margin-top: 20px;
}
.type-item:first-child .type-item-top {
  margin-top: 0;
}
.type-item-top {
  margin-top: 20px;
  margin-bottom: 5px;
}
.type-text {
  padding: 10px;
  border-radius: 5px;
  min-width: 76px;
  text-align: center;
}
.icon-edit {
  .icon(45px,45px);
  background-image: url(../images/icon-sp-edit.png);
  background-size: 28px;
}
.sp-detail-img +　.sp-detail-img {
  margin-top: 10px;
}
.sp-detail-img {
  position: relative;
}
.sp-vedio-wrapper {
  position: fixed;
  width: 72px;
  height: 40px;
  text-align: center;
  padding-left: 8px;
  right: 0;
  top: 30%;
  line-height: 40px;
  background-image: url(../images/vediobg.png);
  background-size: 100%;
  background-repeat: no-repeat;
  color: #fff;
  z-index: 999;
}
.icon-daren {
  .icon(10px,15px);
  background-image: url(../../images/icon-cap.png);
}
.sp-detail-user {
  .ptb(25px,0px);
  line-height: 28px;
}
.sp-detail-user .tx-cir {
  margin-bottom: 10px;
  width: 60px;
  height: 60px;
}
.sp-detail-user .icon-daren {
  margin-left: 5px;
}
.sp-detail-intro {
  .prl(15px,15px);
  text-indent: 2em;
  line-height: 28px;
}
.sp-zan-con .ssp-detail-like {
  .margin-custom(20px,20px,0,0);
  text-align: center;
}
.sp-zan-con .ssp-detail-like + .sp-detail-like {
  margin-left: 30px;
}
.sp-zan-con .ssp-blike {
  width: 27px;
}
.sp-zan-con {
  text-align: center;
}
.sp-deail-upload {
  position: relative;
  text-align: center;
}
.upload-btn {
  width: 115px;
  height: 35px;
  border-radius: 5px;
  text-decoration: none;
}
.upload-btn img{
  .margin-r-5;
  display: block;
  width: 21px;
}
.sp-deail-upload input{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
}
.sp-yongliao-wrapper,.sp-step-wrapper,.sp-tips-wrapper,.sp-comment-wrapper.comment-list-wrapper,.sp-learn-wrapper {
  margin-top: 8px;
  .ptb(25px,20px);
  .prl(15px,15px);
}
.sp-yongliao-wrapper {
  padding-bottom: 20px;
}
.sp-title {
  margin-bottom: 20px;
  font-weight: normal;
}
.sp-title.comment-list-title {
  padding: 0;
}
.sp-yongliao-wrapper .yongliao-item {
  line-height: 37px;
  .prl(3px,3px);
}
.sp-yongliao-wrapper .yongliao-item + .yongliao-item {
  border-top: 1px #ebebeb solid;
}
.sp-step-num {
  font-size: 1.17em;
  margin-right: 5px;
  margin-left: -3px;
}
.sp-step-info {
  line-height: 25px;
}
.sp-step-img {
  .margin-custom(8px,30px,12px,12px);
}
.sp-tips-wrapper .sp-title {
  margin-bottom: 10px;
}
.sp-tips-wrapper p {
  margin-bottom: 10px;
}
.sp-comment-wrapper .comment-h1 {
  .prl(0px,10px);
}
.sp-learn-tx {
  position: absolute;
  bottom: -12px;
  border: none;
  left: 0;
  right: 0;
  margin: auto;
  width: 24px;
  height: 24px;
}
.sp-learn-item {
  text-align: center;
  padding-bottom: 96px;
}
.sp-learn-item + .sp-learn-item {
  margin-left: 8px;
}
.sp-learn-item .lazy {
  position: relative;
}
.sp-learn-item .cl-f-orange {
  margin-top: 24px;
  margin-bottom: 10px;
  height: 30px;
}
.sp-learn-item .cl-f-grey {
  text-align: left;
  height: 42px;
  overflow: hidden;
  line-height: 23px;
  margin-top: 48px;
}
.yongliao-l {
  width: 80%;
}
.yongliao-r {
  width: 20%;
}
.sp-five-grid {
  text-align: center;
  position: fixed;
  width: 100%;
  padding-top: 0;
  padding-bottom: 0;
  bottom: 0;
  border-top: 1px solid #eee;
  z-index: 920;
}
.sp-five-grid > div,.sp-five-grid > label {
  padding-top: 5px;
  padding-bottom: 5px;
  display: block;
  font-weight: normal;
}
.sp-five-grid > div > img {
  width: 48%;
}
.sp-five-grid > .sp-pai img {
  width: 100%;
}
.sp-pai span:first-child {
  margin-right: 5px;
  width: 20%;
}
.sp-five-grid .ub-ver {
  width: 16%;
}
.sp-upload {
  display: none;
}
.sp-ic1,.sp-ic2,.sp-ic3,.sp-ic4,.sp-ic5 {
  display: block;
  background-size: 100%;
  width: 24px;
  height: 24px;
  margin-left: auto;
  margin-right: auto;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(../images/sp-ic1.png); 
}
.sp-ic2 {
  background-image: url(../images/sp-ic2.png); 
}
.sp-ic3 {
  background-image: url(../images/sp-ic3.png); 
}
.sp-ic4 {
  background-image: url(../images/sp-ic4.png); 
}
.sp-ic5 {
  background-image: url(../images/sp-ic5.png); 
}
.sp-five-grid .active .sp-ic1 {
  background-image: url(../images/icon-comment.png); 
  background-size: 16px;
  background-position: center 7px;
}
.sp-five-grid .active .sp-ic2 {
  background-image: url(../images/icon-zan.png); 
}
.sp-five-grid .active .sp-ic3 {
  background-image: url(../images/icon-star.png); 
}
.sp-five-grid .active .sp-ic4 {
  background-image: url(../images/sp-ic4-o.png); 
}
.sp-pai span:first-child {
  width: 100%;
}
.sp-pai > span:first-child {
  width: 24px;
}